<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<title>Ajax test</title>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<style type="text/css">
      @import "css/public.css";
</style>
<script type="text/javascript" src="js/jquery.js" ></script>

<script type="text/javascript">

$(function() {
	$( "#bottone" ).click(function( event ){
	
		$.ajax({ url: './ajax.php',
		    data: $("#idForm").serialize(),
		    type: 'post',
		    success: function(output) {
		           alert(output);
		    }
		});
	});
});

</script>
</head>
<body>
<div id="container">
<h1>Ajax</h1>
		<form id="idForm">
		<input id="action" name="action" type="hidden" value="sum" />
		<label for="a">A</label><input type="text" name="a" />
		<label for="b">B</label><input type="text" name="b" />
		<label for="c">C</label><input type="text" name="c" />
		<input id="bottone" id="name" type="button" value="Bottone" />
	</form>

</div>
</body>